<template>
    <el-avatar shape="square" :size="30" fit="fill" :src="url" />
</template>
<script setup>
import { reactive, toRefs } from 'vue'
// 导入图片
import logo from "@/assets/logo.jpg";

const state = reactive({
    url: logo,
})

const { url } = toRefs(state)
</script>
<style scoped>
.el-avatar {
    vertical-align: middle; 
    margin-right: 10px;
}
</style>
